<!-- 品牌制造商直供-->


<template>
  <div>
    <h4>品牌制造商直供</h4>
    <ul class="product_list">
      <li v-for="item in brandListArr" :key="item.id">
        <img :src="item.list_pic_url" alt="" />
        <h5>{{ item.name }}</h5>
        <h6>{{ "¥" + item.floor_price + ".00" + "元" }}</h6>
      </li>
    </ul>
  </div>
</template>

<script>
export default {
  props: ["brandListArr"],
};
</script>

<style lang='less' scoped>
h4 {
  text-align: center;
  height: 50px;
  line-height: 50px;
  font-size: 18px;
}
.product_list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  box-sizing: border-box;
  width: 100%;
  li {
    width: 49%;
    position: relative;
    background: #fff;
    text-align: center;

    padding-bottom: 10px;
    img {
      width: 100%;
      display: block;
    }
    h5 {
      position: absolute;
      top: 10px;
      left: 8px;
      font-size: 15px;
    }
    h6 {
      position: absolute;
      top: 40px;
      left: 8px;
      color: #a04548;
      font-size: 15px;
    }
  }
}
</style>